<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Auto-Generate TextPaper System</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="./Semantic-UI-CSS-master/semantic.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="ui attached segment back-pic"style="border: none">
        <!-- 欢迎页导航栏版面 -->
        <nav class="ui attached segment opacity"style="border: none;">
            <div class="ui container ">
                <div class="ui secondary menu stackable ">
                    <img class="logo-size " src="./images/DOCX.png" alt="logo">
                    <h1 class="ui header" style="font-style: italic!important;margin: 0 10px !important;color:white !important;">卷王</h1>
                    <a href="./workspace.html"class="nav-item item "><i class="trash icon"></i>由此进入</a>
                    <a href="#"class="nav-item item "><i class="info icon"></i>联系我们</a>
                <div class="right item ">
                    <div class="ui animated button margin-lr-small register" tabindex="0">
                        <div class="visible content">注册</div>
                        <div class="hidden content">
                          <i class="right arrow icon"></i>
                        </div>
                      </div>
                      <div class="ui animated button margin-lr-small login" tabindex="0">
                        <div class="visible content">登录</div>
                        <div class="hidden content">
                          <i class="right arrow icon"></i>
                        </div>
                      </div>
                </div>
                </div>
            </div>
        </nav>
        <!-- 欢迎页大标题版面 -->
        <div class="ui attached segment opacity titlediv" style="border: none ;">
            <div class="ui container" style="border: none ;">
                <div class="ui vertical segment margin-t-large " >
                    <div class="pagetitle">
                        <p style="font-size: 80px;color: white;"> 试卷自动生成系统</p>
                    </div>
                    <div class="engtitle">
                        <p style="font-size: 40px;color: white;"> Auto-Generate TextPaper System</p>
                    </div>
                    <div class="pagebutton margin-t-small">
                        <button id="goworkplace" class="ui inverted button" style="margin-right: 10px !important;">现在开始</button>
                        <button id="godoc" class="ui inverted button" style="margin-left: 10px !important;">阅读文档</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="ui attached segment">
        <div class="ui container">
            <div class="segment margin-t-large" style="text-align: center !important;">
                <img src="./images/wel_img1.png" alt="wel_img1" style="height: 350px !important;">
                <p style="font-size: 40px; "> 你的下一份试卷，何必出自你手</p>
                <p style="font-size: 20px;">卷王为您提供全方位的试卷搭配选择系统，拥有海量的题库支撑，自由选择，难易区别，轻松应对，更有VIP自定义题库，满足您的自定义需求。卷王相信，你的下一份试卷，何必出自你手。</p>
            </div>
            <div class="ui grid stackable margin-t-large" >
                <div class="ui eight wide column">
                    <p style="font-size: 30px;">种类齐全，自由选择</p>
                    <p style="width: 450px;"> 卷王为您提供多种类科目选择，您只需要轻点科目类别，便可以自由选择该领域下的海量题目，自由随心，便利无限</p>
                </div>
                <div class="ui eight wide column">
                    <img src="./images/wel_img2.jpeg" alt="wel_img2">
                </div>
            </div>
            <div class="segment margin-t-large" style="text-align: center !important;">
                <img src="./images/wel_img1.png" alt="wel_img1" style="height: 350px !important;">
                <p style="font-size: 40px; "> 你的下一份试卷，何必出自你手</p>
            </div>
            <div class="segment margin-t-large" style="text-align: center !important;">
                <img src="./images/wel_img1.png" alt="wel_img1" style="height: 350px !important;">
                <p style="font-size: 40px; "> 你的下一份试卷，何必出自你手</p>
                <p style="font-size: 20px;">卷王为您提供全方位的试卷搭配选择系统，拥有海量的题库支撑，自由选择，难易区别，轻松应对，更有VIP自定义题库，满足您的自定义需求。卷王相信，你的下一份试卷，何必出自你手。</p>
            </div>
        </div>
    </div>
    <script>
        $('#goworkplace').click(()=>{
            window.location.href="./workspace.html"
        });
        $('.register').click(()=>{
            window.location.href='http://localhost:8080/register.html';
        })
        $('.login').click(()=>{
            window.location.href='http://localhost:8080/login.html';
        })
    </script>
</body>
</html>